<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系列Xiaomi 11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
    <meta name="keywords" content="Xiaomi,redmi,Xiaomi11 Ultra,Redmi Note 9,Xiaomi MIX Alpha,小米商城" />
    <title>小米商城 - Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <!-- 处理默认样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共的头部css -->
    <link rel="stylesheet" href="./css/style.css">
    <!-- 公共脚部css -->
    <link rel="stylesheet" href="./css/fooder.css">
    <!-- 首页的css -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入网页图标 -->
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./img/font/iconfont.css">
</head>

<body>
    <!-- 公共头部 S-->
    <div class="page-top">
        <div class="container">
            <div class="top-lt">
                <a href="">小米商城</a>
                <span>|</span>
                <a href="">MIUI</a>
                <span>|</span>
                <a href="">IoT</a>
                <span>|</span>
                <a href="">云服务</a>
                <span>|</span>
                <a href="">天星数科</a>
                <span>|</span>
                <a href="">有品</a>
                <span>|</span>
                <a href="">小爱开放平台</a>
                <span>|</span>
                <a href="">企业团购</a>
                <span>|</span>
                <a href="">资质证照</a>
                <span>|</span>
                <a href="">协议规则</a>
                <span>|</span>
                <a href="" class="download">下载app
                    <div class="down-box">
                        <b></b>
                        <img src="./img/download.png" alt="">
                        <i>小米商城APP</i>
                    </div>
                </a>
                <span>|</span>
                <a href="">智能生活</a>
                <span>|</span>
                <a href="">Select Location</a>
                <span>|</span>
            </div>
            <div class="top-gt">
                <!-- 购物车部分 -->
                <div class="car-box">
                    <a href="http://localhost/xiaomi/src/shopping.html" class="tit">
                        <i class="iconfont">&#xe600;</i>
                        购物车<span>(0)</span>
                    </a>
                    <!-- 购物车弹框 -->
                    <div class="pop">
                        <!-- 没有商品的情况 -->
                        <!-- <p class="no-good">购物车中还没有商品，赶紧选购吧！</p> -->
                        <!-- 有商品的情况 可能会修改结构-->
                        <ul class="list">
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                        </ul>
                        <div class="total">
                            <div class="price">
                                <p>共8件商品</p>
                                <h3>6062元</h3>
                            </div>
                            <a href="" class="btn">去购物车结算</a>
                        </div>
                    </div>
                </div>
                <!-- 头部未登录样式 -->
                <div class="login">
                    <a href="./login.html">登录</a>
                    <span>|</span>
                    <a href="./zhuce.html">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>
                </div>
                <!-- 头部已登录样式 -->
                <!-- <div class="userinfo">
                    <div class="user">
                        <a href="" class="tit">用户<i class="iconfont">&#xe629;</i></a>
                        <ul>
                            <li><a href="">个人中心</a></li>
                            <li><a href="">晒单评价</a></li>
                            <li><a href="">我的喜欢</a></li>
                            <li><a href="">小米账号</a></li>
                            <li><a href="">退出登录</a></li>
                        </ul>
                    </div>
                    <span>|</span>
                    <a href="">消息通知</a>
                    <span>|</span>
                    <a href="">我的订单</a>
                </div> -->
            </div>
        </div>
        <!-- 公共头部 E -->

        <!-- 导航 S -->
        <div class="page-nav">
            <div class="container">
                <a href="" class="logo"></a>
                <ul class="nav">
                    <li class="nav-item" id="page-all-nav">
                        <a href="" class="tit">全部商品分类</a>
                        <!-- 全部商品下拉 -->
                        <div class="slider-nav">
                            <ul class="slider-ul">
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                    <div class="slider-pop">
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">Xiaomi手机</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">Redmi 红米</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">电视</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">笔记本</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">平板</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">社区</a>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <!-- <div class="search active"> -->
                <div class="search ">
                    <form action="" method="post">
                        <input type="text" placeholder="黑鲨4" class="q">
                        <input type="submit" value="" class="btn ">
                    </form>
                    <ul class="hot">
                        <li><a href="">全部商品</a></li>
                        <li><a href="">小米平板5</a></li>
                        <li><a href="">手机</a></li>
                        <li><a href="">耳机</a></li>
                        <li><a href="">空调</a></li>
                        <li><a href="">洗衣机</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">充电宝</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 导航 E -->

        <!-- 轮播图 S -->
        <div class="idx-banner container">
            <!-- <ul class="banner-list">
                <li><img src="./img/banner1.jpg" alt=""><a href=""></a></li>
                <li><img src="./img/banner2.webp" alt=""><a href=""></a></li>
                <li><img src="./img/banner3.webp" alt=""><a href=""></a></li>
                <li><img src="./img/banner4.webp" alt=""><a href=""></a></li>
            </ul> -->
            <img src="" alt="">
            <a href="" class="btn prev"></a>
            <a href="" class="btn next"></a>
            <div class="page">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <!-- 轮播图 E -->

        <!-- 菜单和广告 S -->
        <div class="idx-menu-adv container">
            <ul class="menu">
                <li><a href=""><img src="./img/menu1.png" alt=""><span>选购手机</span></a></li>
                <li><a href=""><img src="./img/menu2.png" alt=""><span>企业团购</span></a></li>
                <li><a href=""><img src="./img/menu3.png" alt=""><span>F码通道</span></a></li>
                <li><a href=""><img src="./img/menu4.png" alt=""><span>米粉卡</span></a></li>
                <li><a href=""><img src="./img/menu5.png" alt=""><span>以旧换新</span></a></li>
                <li><a href=""><img src="./img/menu6.png" alt=""><span>话费充值</span></a></li>
            </ul>
            <a href="" class="pic"><img src="./img/menuPic1.jpg" alt=""></a>
            <a href="" class="pic"><img src="./img/menuPic2.jpg" alt=""></a>
            <a href="" class="pic"><img src="./img/menuPic3.png" alt=""></a>
        </div>
        <!-- 菜单和广告 E -->

        <!-- 长广告图 S -->
        <div class="idx-adv">
            <a href="" class="long-pic container"><img src="./img/changtu1.webp" alt=""></a>
        </div>
        <!-- 长广告图 E -->

        <!-- 手机 -->
        <div class="phoner">
            <div class="container">
                <h3 class="biaoqian">手机</h3>
                <a href="" class="l-phone"><img src="./img/phoner.webp" alt=""></a>
                <ul class="r-phone">
                    <li><a href="http://localhost/xiaomi/src/xiagnqingye.html">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img  alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 手机结束 -->

        <!-- 长广告图 S -->
        <div class="idx-adv">
            <a href="" class="long-pic container"><img src="./img/changtu2.webp" alt=""></a>
        </div>
        <!-- 长广告图 E -->

        <!-- 电视 -->
        <div class="tv">
            <div class="container">
                <h3 class="biaoqian">电视</h3>
                <ul class="l-tv">
                    <li><img src="./img/Tv00.webp" alt=""></li>
                    <li><img src="./img/Tv01.webp" alt=""></li>
                </ul>
                <ul class="r-phone">
                    <li><a href="http://localhost/xiaomi/src/xiangqing2.html">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                    <li><a href="">
                            <img alt="">
                            <h3 class="title">Note 10 Pro</h3>
                            <p class="desc">天玑1100年度旗舰芯</p>
                            <p class="price">1699元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 电视结束 -->

        <!-- 尾部 S-->
        <div class="fooder">
            <ul class="fooder-service ">
                <li><a href=""><span class="iconfont">&#xe614;</span>预约维修服务</a></li>
                <li><a href=""><span class="iconfont">&#xe601;</span>7天无理由退货</a></li>
                <li><a href=""><span class="iconfont">&#xe602;</span>15天免费退货</a></li>
                <li><a href=""><span class="iconfont">&#xe638;</span>满69包邮</a></li>
                <li><a href=""><span class="iconfont">&#xe675;</span>520余家售后网点</a></li>
            </ul>
            <div class="clearfix ">
                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl class="col-links">
                    <dt>服务支持</dt>
                    <dd>售后政策</dd>
                    <dd>自助服务</dd>
                    <dd>相关下载</dd>
                </dl>
                <dl class="col-links">
                    <dt>线下门店</dt>
                    <dd>小米之家</dd>
                    <dd>服务网点</dd>
                    <dd>授权体验店/专区</dd>
                </dl>
                <dl class="col-links">
                    <dt>关于小米</dt>
                    <dd>了解小米</dd>
                    <dd>加入小米</dd>
                    <dd>投资者关系</dd>
                    <dd>企业社会责任</dd>
                    <dd>廉洁举报</dd>
                </dl>
                <dl class="col-links">
                    <dt>关注我们</dt>
                    <dd>新浪微博</dd>
                    <dd>官方微信</dd>
                    <dd>联系我们</dd>
                    <dd>公益基金会</dd>
                </dl>
                <dl class="col-links">
                    <dt>特色服务</dt>
                    <dd>F 码通道</dd>
                    <dd>礼物码</dd>
                    <dd>防伪查询</dd>
                </dl>
                <img src="./img/foot.png" alt="" class="img">
            </div>

        </div>
        <!-- 尾部 E-->
    </div>
</body>

</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script src="./js/index.js"></script>
<script src="./js/banner.js"></script>
<script src="./js/sj.js"></script>
<script>
    $("#page-all-nav").css({
        "visibility": "hidden",
        "position": "relative"
    })
</script>